body{margin: 0 auto;
padding: 0;
background: #f4f4f4;}
.content{width: 100%;
}
a{
    text-decoration: none;
}
.top{
    width: 100%;
    height: 56px;
    background: #ffe300;
    
    
}.top-box1{
    position: absolute;
    top: 12px;
    left: 4%;
    background-image: url(../img/logo.png);
    width: 120px;
    height: 24.8px;
    background-size: 100%;
    background-repeat: no-repeat;
    float: left;
    
    
    
    
}
.top-box2{
    /* width: 45%; */
    height: 52px;
    /* border-style: solid; */
    margin-left: 15%;
    text-align: center;
    float: left;
    font-size: 14px;
}

    /* .xiala1 a:hover li{
        background-color: black;
        color: yellow;
    } */
    .xiala1{
        height: 75px;

    }
.top ul{list-style-type: none;
margin-top: -2px;}
.top li{
    float: left;
    height: 58px;
    line-height: 56px;
    width: 76px;
    display: block;
   
    
}
.top-box2 a{
    color: black;
    text-decoration: none;
    width: 76px;
    height: 58px;
    display:block;
    float: left;
    
}
.xiala1 {
    position: relative;
    display: inline-block;
  }
  .xiala1-content{
    position: absolute;
    background: #fff;
    top: 56px;
    border-radius: 0 0 4px 4px;
    
    box-shadow: 0 1px 12px 0 rgba(0,0,0,.2);
    color: #444;
    z-index: 14;
    display: none;
    width: 664px;
    height: 140px;
    clear: both;
  }
  .xiala1:hover .xiala1-content {
    display: block;}
    .xiala1-list{
        
        height: 65px;
        border-bottom: 1px solid #eaeaea;
    line-height: 0;
    overflow: hidden;
    padding: 11px 17px 17px;
    clear: both;
    }
    .xiala1-list-wenzi{
        float: left;
    width: 85px;
    height: 22px;
    line-height: 28px;
    position: relative;
    margin-top: 8px;
    text-align: center;
    border-style: solid;
    border-width: 0px;
    border-right-width: 1px;
    border-color: #eee;
    
    }
    .xiala1-list-wenzi1{
        float: left;
    width: 85px;
    height: 22px;
    line-height: 28px;
    position: relative;
    margin-top: 8px;
    text-align: center;
    border-style: solid;
    border-width: 0px;
    
    border-color: #eee;
    
    }
    
    .xiala1-xiaobox{
        width: 50px;
        height: 28px;
        margin: 0 auto;
        border-radius:4px;
        margin-left: 17px;
        

    }
    .xiala1-xiaobox1{
        width: 65px;
        height: 28px;
        margin: 0 auto;
        border-radius:4px;
        margin-left: 10px;
        

    }.xiala1-list-wenzi a{
        color: black;
    text-decoration: none;
    width: 0px;
    height: 0px;
    display:block;
    /* clear: both; */
    margin: 0 auto;
    text-align: center;
    }
    .xiala1-list-wenzi1 a{
        color: black;
    text-decoration: none;
    width: 0px;
    height: 0px;
    display:block;
    /* clear: both; */
    margin: 0 auto;
    text-align: center;
    }
    .xiala1-list-wenzi a:hover div{
        background-color: yellow;
        color: black;
    }
    .xiala1-list-wenzi1 a:hover div{
        background-color: yellow;
        color: black;
    }
    .xiala1-list1{
        height: 40px;
        
        clear: both;
    }.xiala1-list1-box{
        width: 90px;
        height: 30px;
        float: left;
        
        /* border-style: solid; */
        margin: 0 auto;
        text-align: center;
        line-height: 30px;
        margin-top: 10px;
        
    }
    .xiala1-list1-box1{
        width: 90px;
        height: 30px;
        float: left;
        
        /* border-style: solid; */
        margin-top: 1px;
        text-align: center;
        
    }
    .xiala1-list1 a{
        text-decoration: none;
        color: black;
        display: block;
        width: 90px;
        height: 0px;
        margin-top: -6px;
        margin-left: 15px;
        text-align: center;
        
        
    }
    
    .xiala1-list1 a:hover div{
        color: orange;
        background-color: white;
    }
    .xiala1-content1{
        position: absolute;
        background: #fff;
        top: 56px;
        border-radius: 0 0 4px 4px;
        
        box-shadow: 0 1px 12px 0 rgba(0,0,0,.2);
        color: #444;
        z-index: 14;
        display: none;
        width: 152px;
        height: 140px;
        clear: both;
      }
      .xiala1:hover .xiala1-content1 {
        display: block;}
        .xiala1-content1 li{
            width: 152px;
            height: 40px;
            margin: 0 auto;line-height: 40px;
        }
        .xiala1-content1 ul{
            text-align: left;
            margin-left: -40px;
            margin-top: 10px;
            
        }
        .xiala1-content1 a{
            width: 152px;
            height: 40px;
            color: black;
            text-decoration: none;
        }
        .xiala1-content1 a:hover li{
            background-color: yellow;
            color: black;
            
        }
        .xiala1-content2{
            position: absolute;
            background: #fff;
            top: 56px;
            border-radius: 0 0 4px 4px;
            
            box-shadow: 0 1px 12px 0 rgba(0,0,0,.2);
            color: #444;
            z-index: 14;
            display: none;
            width: 152px;
            height: 220px;
            clear: both;
          }
          .xiala1:hover .xiala1-content2 {
            display: block;}
            .xiala1-content2 li{
                width: 152px;
                height: 40px;
                margin: 0 auto;line-height: 40px;
            }
            .xiala1-content2 ul{
                text-align: left;
                margin-left: -40px;
                margin-top: 10px;
                
            }
            .xiala1-content2 a{
                width: 152px;
                height: 40px;
                color: black;
                text-decoration: none;
            }
            .xiala1-content2 a:hover li{
                background-color: yellow;
                color: black;
                
            }
            .xiala1-content3{
                position: absolute;
                background: #fff;
                top: 56px;
                border-radius: 0 0 4px 4px;
                
                box-shadow: 0 1px 12px 0 rgba(0,0,0,.2);
                color: #444;
                z-index: 14;
                display: none;
                width: 152px;
                height: 180px;
                clear: both;
              }
              .xiala1:hover .xiala1-content3 {
                display: block;}
                .xiala1-content3 li{
                    width: 152px;
                    height: 40px;
                    margin: 0 auto;line-height: 40px;
                }
                .xiala1-content3 ul{
                    text-align: left;
                    margin-left: -40px;
                    margin-top: 10px;
                    
                }
                .xiala1-content3 a{
                    width: 152px;
                    height: 40px;
                    color: black;
                    text-decoration: none;
                }
                .xiala1-content3 a:hover li{
                    background-color: yellow;
                    color: black;
                    
                }
                .xiala1-content4{
                    position: absolute;
                    background: #fff;
                    top: 56px;
                    border-radius: 0 0 4px 4px;
                    
                    box-shadow: 0 1px 12px 0 rgba(0,0,0,.2);
                    color: #444;
                    z-index: 14;
                    display: none;
                    width: 152px;
                    height: 100px;
                    clear: both;
                  }
                  .xiala1:hover .xiala1-content4{
                    display: block;}
                    .xiala1-content4 li{
                        width: 152px;
                        height: 40px;
                        margin: 0 auto;line-height: 40px;
                    }
                    .xiala1-content4 ul{
                        text-align: left;
                        margin-left: -40px;
                        margin-top: 10px;
                        
                    }
                    .xiala1-content4 a{
                        width: 152px;
                        height: 40px;
                        color: black;
                        text-decoration: none;
                    }
                    .xiala1-content4 a:hover li{
                        background-color: yellow;
                        color: black;
                        
                    }
    

/* .top-box2 a:hover li{color: yellow;
background-color: black;} */
.top-box2 a:hover{color: yellow;
    background-color: black;
}
.top-box3 a{
    color: black;
    text-decoration: none;
}
.top-box3 a:hover li{color: yellow;
background-color: black;}
.top-box4 a{
    color: black;
    text-decoration: none;
}
.top-box2 p{
    font-weight: bold;
    margin-top: 1px;
}
.top-box3{
    width: 10%;
    height: 52px;
    margin-left: 75px;
    /* border-style: solid; */
    margin-top: 5px;
    
    text-align: center;
    float: left;
    
}
.top-box3 ul{list-style-type: none;
    margin-top: -4px;
margin-left: -20px;}
    .top-box3 li{
        float: left;
        height: 55px;
        line-height: 56px;
        width: 55px;
        display: block;
        margin-top: -1px;
        
    }
    .top-box3 li img{
        margin-top: 10px;
    }
    .top-box3 span{
        margin-left: -20px;
        
        display:block;
        
        
    }
    .top-box4{
        width: 10%;
        height: 52px;
        margin-left: -10px;
        /* border-style: solid; */
        margin-top: 5px;
        
        
        float: left;
        line-height: 48px;
        
    }
    .last{
        width: 100%;
        height: 229px;
        background: #282828;
    
    color: #666;
    font-size: 14px;
    /* margin-top: 40px; */
    }
    .lastzhongxin{
        margin: 0 auto;
    background: #282828;
    height: 229px;
    width: 1130px;
    }
    .lasttop{
        height: 130px;
    border-bottom: 1px solid #333333;
    text-align: center;
    /* padding-top:65px; */
    
    /* overflow: hidden; */
    
    }
    .lasttop-left{
        width: 1000px;
        /* border-style: solid; */
        
        line-height: 120px;
        float: left;
        
        

    }
    .lasttop-left a{
        margin-right: 24px;
        color:rgb(102, 102, 102);
        
    }
    .lasttop-left a:hover{
        color: gainsboro;
    }
    .lasttop-left span a:hover{
        color:rgb(102, 102, 102); 
    }
    .lasttopshouji{
        font-size: 80px;

    }
    .lasttop-left p{
        font-size: 25px;
        display: inline-block;
        margin-left: -110px;
        /* margin-right: -25px; */
        margin-top: -10px;
    }
    .lasttop-right{
        width: 118px;
        /* border-style: solid; */
        float: left;
        line-height: 120px;
        text-align:right;
        
    }
    .lasttop-right a{
        color:rgb(102, 102, 102);
        font-size: 25px;
        margin-left: 31px;
        
    }
    .lasttop-rightred{
        display: inline;
        
    }
    .lasttop-right a:hover{
        color: green;
    }
    .lasttop-rightred a:hover{
        color: red;
    }

    .xialaerweima{
        position: absolute;
        background-color: white;
    
    width: 95px;
    height: 95px;
    bottom: 23px;
    
    top:-125%;
    margin-left: -120px;
    display: none;
    z-index: 50;
    border-radius: 4px;
    
    box-shadow: 0 1px 12px 0 rgba(0,0,0,.2);
    padding: 15px;
    
    }
    .xialaerweima img{
        width: 95px;
        height: 95px;
        

    }
    .xiala1:hover .xialaerweima{
        display: block;}
        .xialaerweima1{
            position: absolute;
            background-color: white;
        
        width: 105px;
        height: 103px;
        bottom: 23px;
        
        top:-115%;
        margin-left: -30px;
        display: none;
        z-index: 50;
        border-radius: 4px;
        
        box-shadow: 0 1px 12px 0 rgba(0,0,0,.2);
        padding: 5px;
        
        }
        .xiala1:hover .xialaerweima1{
            display: block;}
            .xialaerweima1 img{
                width: 105px;
                height: 105px;
            }
    .lastmid{
        width: 1130px;
        height: 18px;
        /* border-style: solid; */
        
        
        margin-top: 20px;
    }
    .lastmid a{
        font-size: 12px;
        color:rgb(102, 102, 102);
    }
    .lastmid i{
        display: inline-block;
    width: 1px;
    height: 12px;
    margin: 0 20px;
    background: #666666;
    vertical-align: middle;
    }
    .lastmid img{
        vertical-align:bottom;
        width: 20px;
        height: 20px;
    }
    .lastlast{
        width: 1130px;
        height: 21px;
        /* border-style: solid; */
        
        
        margin-top: 10px;
    }
    .lastlast a{
        font-size: 12px;
        color:rgb(102, 102, 102);
    }
    .lastlast i{
        display: inline-block;
    width: 1px;
    height: 12px;
    margin: 0 20px;
    background: #666666;
    vertical-align: middle;
    }
    .lastlast span{
        font-size: 12px;
        color:rgb(102, 102, 102);
    }
    .lastlastright{
        margin-left: 44px;
    }
    .lastmid a:hover{
        color: gainsboro;
        text-decoration:underline;
    }
    .lastlast a:hover{
        color: gainsboro;
        text-decoration:underline;
    }
    .nr-content{
        width: 1150px;
        
        margin: 0 auto;
    }
    .nr-c{
        width: 1150px;
        overflow: hidden;
        margin: 0 auto;
    }
    .lb{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .tp-5 img{
        width: 206px;
        border-radius: 10px;
        margin: 10px;
    }
    .tp-5{
        margin: 0 auto;
        text-align: center;
    }
    .dw{
        text-align: center;
        margin-top: 40px;
        margin-bottom: 20px;
        position: sticky;
        top: 0;
        background-color: #F4F4F4;
        height: 50px;
    }
    .dw span{
        margin: 0 30px;
        font-size: 15px;
    }
    .xiaodi{
        width: 206px;
        height: 340px;
        background-color: white;
        border-radius: 15px;
        float: left;
        margin-left: 20px;
        margin-top: 20px;
    }
    .xiaodi img{
        width: 206px;
    }
    .xiaodi p:hover{
        color: #D36F16;
    }
    .swiper-container {
        margin-top: 20px;
        margin-bottom: 20px;
    width: 1150px;
    height: 240px;
  }
  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .touxiang{
      background-color: white;
      width: 300px;
      height: 180px;
      border-radius: 15px;
      padding:10px;
      position: relative;
      top: -240px;
      left: 0px;
      display: none;
      
  }
  .guanzhu{
      float: left;
      background-color: #FFE300;
      color: black;
      height: 30px;
      width: 80px;
      text-align: center;
      line-height: 30px;
      border-radius: 10px;
      margin-left: 40px;
      margin-top: 30px;
  }
  .guanzhu:hover{
      background-color: #FFD100;
      cursor: pointer;
  }
  .clear{
      clear: both;
  }
  .jfr:hover{
      color:#D36F16 ;
  }
  .sz:hover{
    color:#D36F16 ;
  }
  .sz{
      font-size: 12px;
      color: rgb(155, 155, 155);
  }
  .tm:hover{
      opacity: 0.8;
      cursor: pointer;
  }
  .xianshi:hover .touxiang{
      display: block;
      clear: both;
  }

  .next-big{
      width: 100%;
      margin: 0 auto;
      height: 50px;
      text-align: center;
      margin-top: 20px;
      margin-left: 300px;
      margin-bottom: 30px;
  }
  .next{
      width: 40px;
      height: 40px;
      background-color: #FFFFFF;
      color: gray;
      line-height: 40px;
      text-align: center;
      border-radius: 5px;
      margin: 0 auto;
      float: left;
      margin-left: 10px;
  }
  .next:hover{
      background-color: #FFE300;
      cursor: pointer;
  }
  .lp-5{
      width: 100%;
      margin: 0 auto;
  }
  .lp{
      width: 200px;
      height: 150px;
      background-color: white;
      border-radius: 5px;
      float: left;
      margin-left: 10px;
      margin-right: 20px;
      margin-bottom: 20px;
      
  }
                
            

